.pager {
  width: 100%;
  position: relative;
  margin: 12px 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;

  .input {
    width: 2rem;
    margin-right: 4px;
    border-radius: unset;
    border: 1px solid transparent;
    padding: 0;
    transition: border 0.5s;

    &:hover {
      border: 1px solid var(--yellow);
    }
  }
}

.icon {
  margin: 0 4px;
  cursor: pointer;
  display: inline;
}

.nav {
  margin: 0 12px;
  display: inline-flex;
  align-items: center;
}
